$(document).ready(function(){
	$("#sports").click(function(){
	$("#container_contest").css("display","none");
	$("#container_sports").css("display","block");
	$("#container_life").css("display","none");

	$("#c1").css("opacity","0.3");
	$("#c2").css("opacity","1");
	$("#c3").css("opacity","0.3");
	$("#s1").css("color","#fff");
	$("#s2").css("color","#000");
	$("#s3").css("color","#fff");
	});

	$("#life").click(function(){
	$("#container_contest").css("display","none");
	$("#container_sports").css("display","none");
	$("#container_life").css("display","block");

	$("#c3").css("opacity","1");
	$("#c1").css("opacity","0.3");
	$("#c2").css("opacity","0.3");
	$("#s1").css("color","#fff");
	$("#s2").css("color","#fff");
	$("#s3").css("color","#000");
	});

	$("#contest").click(function(){
		$("#container_contest").css("display","block");
		$("#container_sports").css("display","none");
		$("#container_life").css("display","none");

		$("#c1").css("opacity","1");
		$("#c3").css("opacity","0.3");
		$("#c2").css("opacity","0.3");
		$("#s3").css("color","#fff");
		$("#s2").css("color","#fff");
		$("#s1").css("color","#000");
	});

	// var e=0;
	// var b=0;	
	// $(".eye").mouseover(function(){
	// 		if(e == 0){
	// 		$(".eye").css("display","none");
	// 		$(".browse").css("display","inline-block");
	// 		}		
	// 	b = 1;
	// });	
	
	// $(".browse").mouseout(function(){
	// 	b=0;		
	// });
	
	// $(".browse").mouseover(function(){
	// if(b == 0){		
	// 		$(".eye").css("display","inline-block");
	// 		$(".browse").css("display","none");
	// 		}		
	// 	e = 1;	
	// });
	// $(".eye").mouseout(function(){
	// 	e=0;
	// });

	$(".eye").mouseover(function(){
			$(".eye").css("display","none");
			$(".browse").css("display","inline-block");
	});	
	
	$(".browse").mouseout(function(){
			$(".eye").css("display","inline-block");
			$(".browse").css("display","none");		
	});

	$(".like").mouseover(function(){
			$(".like").css("display","none");
			$(".join").css("display","inline-block");
	});	
	
	$(".join").mouseout(function(){
			$(".like").css("display","inline-block");
			$(".join").css("display","none");		
	});

 	$("#toTop").click(function(){
        var selector=$(this).attr("href"); 
        var top = $(selector).offset().top;
        var current_top = $('body').scrollTop();
        var animate_time=  Math.abs( current_top - top ) * 0.5; // 500px per second. 
        $('body,html').animate({scrollTop:top},animate_time);
        // return false;
    });


 	$("#toTop").click(function(){
 		var top = $(this).attr("href");
 		var dis = $()
 	})
});